<template>
  <div>
    <Myinput
      v-model="val1"
      placeholder="placeholder1"
      type="text"
      :style="'fontSize:20px'"
    ></Myinput>
    <Myinput v-model="val2" placeholder="placeholder2" type="number"></Myinput>
    <Myinput
      v-model="val3"
      placeholder="placeholder3"
      type="password"
    ></Myinput>
  </div>
</template>

<script>
import Myinput from "../components/Myinput/Input";

export default {
  components: {
    Myinput,
  },
  data() {
    return {
      val1: "",
      val2: 2,
      val3: "",
    };
  },
};
</script>